<!doctype html>
<html>
<head>
 $INCLUDE(head.html)
 <script src="tunnels.js" rel="text/javascript"></script>
 <script src="motd.js" rel="text/javascript"></script>
</head>
<body class="style" onLoad="doLoad(); getTunnels(); getMOTD();">
<div id="motd"></div>
<div class="wrap">
 $INCLUDE(title.html)
 $INCLUDE(tabs.html)
 <div class="main" id="options">
  <form name="options">
  <small>
   TUNNELS:
  </small>
  <select id="tunnels_all_select" size="9" class="url_select"
          onChange="selectAllTunnel()">
  </select>
  <br>
  <div class="option">
   <div class="label">
    Manage tunnels?
    <a href="help.html#what_manage">&#x1f6c8</a>
   </div>
   <div class="input">
    <input id="tunnel" type="text" size="50">
    <input title="Open the tunnel."
           type="button" value="Open" onMouseUp="openTunnel()">
    <input title="Close the tunnel."
           type="button" value="Close" onMouseUp="closeTunnel()">
    <input title="Delete the tunnel."
           type="button" value="Delete" onMouseUp="delTunnel()">
   </div>
  </div>
  <br>
  <small>
   BASIC CONFIG:
  </small>
  <div class="option">
   <div class="label">
    $PROGRAM enabled?
    <a href="help.html#what_enabled">&#x1f6c8</a>
   </div>
   <div class="input">
    <input title="Enable filter circumvention." type="radio" name="enabled"
           value="true" onChange="doSubmit()"> Yes
    <input title="Disable filter circumvention." type="radio" name="enabled"
           value="false" onChange="doSubmit()"> No
   </div>
  </div>
  <div class="option">
   <div class="label">
    Hiding mode?
    <a href="help.html#what_hide">&#x1f6c8</a>
   </div>
   <div class="input">
    <select class="input" title="Select what HTTP traffic $PROGRAM will hide from filters."
            name="http_mode" onChange="doSubmit()">
     <option title="Do not split/tunnel HTTP(S) traffic from this computer."
             value="none" style="background-color: #ffaaaa;">
      Off
     </option>
     <option title="Split HTTP(S) traffic containing URL data from this
     computer (split packets will not be tunneled)."
             value="split" style="background-color: #ffffaa;">
      Passive (Split Only)
     </option>
     <option title="Tunnel HTTP(S) traffic fragments containing URL data (but only tunnel part of the URL)."
             value="urlpart" style="background-color: #aaffaa;">
      Active-Low (Tunnel Partial URL)
     </option>
     <option title="Tunnel HTTP(S) traffic containing URL data."
             value="url" style="background-color: #aaffaa;">
      Active-Medium (Tunnel Full URL)
     </option>
     <option title="Tunnel all HTTP(S) traffic containing data."
             value="data" style="background-color: #aaffaa;">
      Active-High (Tunnel Data)
     </option>
     <option title="Tunnel all HTTP(S) traffic."
             value="all" style="background-color: #aaffaa;">
      Active-Highest (Tunnel Everything)
     </option>
    </select>
   </div>
  </div>
  <div class="option">
   <div class="label">
     Auto-Launch WebUI?
    <a href="help.html#what_autolaunch">&#x1f6c8</a>
   </div>
   <div class="input">
    <input title="Enable WebUI auto-launch." type="radio" name="launch_ui"
           value="true" onChange="doSubmit()"> Yes
    <input title="Disable WebUI auto-launch." type="radio" name="launch_ui"
           value="false" onChange="doSubmit()"> No
   </div>
  </div>
  <div class="option">
   <div class="label">
     Check for updates?
    <a href="help.html#what_updates">&#x1f6c8</a>
   </div>
   <div class="input">
    <input title="Enable check for updates." type="radio" name="updates"
           value="true" onChange="doSubmit()"> Yes
    <input title="Disable check for updates." type="radio" name="updates"
           value="false" onChange="doSubmit()"> No
   </div>
  </div>
  <br>
  <small>
   ADVANCED CONFIG:
  </small>
  <div class="option">
   <div class="label">
    DNS hiding?
    <a href="help.html#what_dns">&#x1f6c8</a>
   </div>
   <div class="input">
    <input title="Hide DNS requests originating from this computer."
           type="radio" name="dns_mode"
           value="true" onChange="doSubmit()"> Yes
    <input title="Do not hide DNS requests" type="radio" name="dns_mode"
           value="false" onChange="doSubmit()"> No
   </div>
  </div>
  <div class="option">
   <div class="label">
    Use NAT traversal?
    <a href="help.html#what_nat">&#x1f6c8</a>
   </div>
   <div class="input">
    <select class="input" title="Select whether to use NAT traversal or not."
            name="nat_mode" onChange="doSubmit()">
     <option title="Always attempt NAT traversal." value="always">
      Always
     </option>
     <option title="Only use NAT traversal if this computer has a local IP address."
             value="automatic">
      Automatic
     </option>
     <option title="Never attempt NAT traversal." value="never">
      Never
     </option>
    </select>
   </div>
  </div>
  <div class="option">
   <div class="label">
    NAT traversal method?
    <a href="help.html#what_nat_meth">&#x1f6c8</a>
   </div>
   <div class="input">
    <select class="input" title="Select which method to use for NAT traversal."
            name="nat_method" onChange="doSubmit()">
     <option title="Send ghost packets with low time-to-live (TTL) values."
             value="ttl">
      Low time-to-live method
     </option>
     <option title="Send ghost packets with invalid checksums."
             value="checksum">
      Bad checksum method
     </option>
     <option title="Send ghost packets with a combination of both low time-to-live (TTL) and bad checksum values."
             value="combination">
      Combination method
     </option>
    </select>
   </div>
  </div>
  <div class="option">
   <div class="label">
    Ghost packet hops?
    <a href="help.html#what_hops">&#x1f6c8</a>
   </div>
   <div class="input">
    <select class="input" title="Select the number of hops for ghost packets (i.e., the ghost packet time-to-live (TTL) value)."
           name="ttl" onChange="doSubmit()">
       <option value="2">2</option>
       <option value="3">3</option>
       <option value="4">4</option>
       <option value="5">5</option>
       <option value="6">6</option>
       <option value="7">7</option>
       <option value="8">8</option>
       <option value="9">9</option>
       <option value="10">10</option>
       <option value="11">11</option>
       <option value="12">12</option>
       <option value="13">13</option>
       <option value="14">14</option>
       <option value="15">15</option>
       <option value="16">16</option>
    </select>
   </div>
  </div>
  <div class="option">
   <div class="label">
    Packet splitting method?
    <a href="help.html#what_split">&#x1f6c8</a>
   </div>
   <div class="input">
    <select class="input" title="Select which packet splitting (fragmentation) method to use."
            name="frag_mode" onChange="doSubmit()">
     <option title="Use network layer packet splitting (not recommended)."
             value="network">
      Network Layer
     </option>
     <option title="Use transport layer packet splitting (recommended)."
             value="transport">
      Transport Layer
     </option>
    </select>
   </div>
  </div>
  <div class="option">
   <div class="label">
    Multi-route enabled?
    <a href="help.html#what_multi">&#x1f6c8</a>
   </div>
   <div class="input">
    <input title="Enable multi-route." type="radio" name="multi_route"
           value="true" onChange="doSubmit()"> Yes
    <input title="Disable multi-route." type="radio" name="multi_route"
           value="false" onChange="doSubmit()"> No
   </div>
  </div>
  </form>
 </div>
 $INCLUDE(state.html)
</div>
</body>
</html>
